<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<!--<link rel="stylesheet" href="css/cropper.css" />-->
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/my-center.css" />
	</head>

	<body>
		<div class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav">				
				<a class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style="color: #fff;width: 45px;"></span>
				</a>
				<h1 class="mui-title">党员信息</h1>
				<!--<a href="javascrip:;" id="btnModify"  class="mui-icon mui-pull-right" style="font-size: 16px; color: #000; line-height: 28px; padding-right: 15px;">修改</a>-->
			</div>
			<div class="mui-page-content" style="margin-top: 55px;" id="userInfo">
				<div class="mui-content-padded">
					<!--<p style="color:#f00">*若成功更换头像需点击完成*</p>-->
				</div>
				<form id='login-form' class="mui-input-group">
					<input type="file" id="headinput" name="image" accept="image/*" style="display:none">
					<div class="mui-table-view-cell">
						<!--<a id="head" class="mui-navigate-right">头像-->
						<a id="head">头像
							<span class="mui-pull-right head">
      							<img class="head-img mui-action-preview" id="head-img1" src="../images/qq.png"/>
							</span>
						</a>
					</div>
					<div class="mui-input-row">
						<label>姓名</label>
						<input id='post' type="text" class=" mui-input mui-input-clear" maxlength="10" readonly="readonly" v-model="item.name">
					</div>
					<div class="mui-input-row" style="height: auto;">
						<label>组织</label>
						<textarea class="mui-pull-right" v-model="item.organizationNames.join(',')" readonly="readonly"></textarea>
					</div>
					<div class="mui-input-row">
						<label>党员职务</label>
						<input id='post' type="text" class=" mui-input mui-input-clear" maxlength="10" readonly="readonly" v-model="item.partyJob">
					</div>
					<div class="mui-input-row">
						<label>电话</label>
						<input id='company' type="text" class="mui-input mui-input-clear mui-pull-right" readonly="readonly" maxlength="20" v-model="item.mobile">
					</div>
					<!--<div class="mui-input-row">
						<label>状态</label>
						<input id='company' type="text" class="mui-input mui-input-clear mui-pull-right" maxlength="20" v-model="item.isActive" placeholder="状态">
					</div>-->
					<div class="mui-input-row" style="visibility: hidden;">
						<label>姓名</label>
						<input id='name' type="text" class="mui-input mui-input-clear" v-model="item.name" disabled>
					</div>
				</form>
				<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
								<button type="button" class="btn btn-primary" id="crop">确认</button>
							</div>
							<div class="modal-body">
								<div class="img-container" style="height:65%">
									<img id="image" src="">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
<script src="../js/mui.min.js"></script>
<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript" src="../js/localStorage.js"></script>
<script type="text/javascript" src="../js/config.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript">
	mui.init();
	var maillistInfo = localStorageFunc.get('organize');

	mui.plusReady(function() {

		var info = plus.webview.currentWebview().info; //个人信息
		//console.log('info:' + JSON.stringify(info));
		if(!info) {
			var userid = plus.webview.currentWebview().userid;
			if(maillistInfo) {
				$.each(maillistInfo.users, function(index, users) {
					if(userid == users.id) {
						//console.log('hisrows=' + JSON.stringify(hisrows));
						info = users;
					}
				});
			}
		}
		new Vue({
			el: "#userInfo",
			data: {
				item: info
			}
		})

	});
</script>